<template>
	<view class="">
		<view class="item">
			<u-row>
				<u-col span="1">
					<u-icon size="18" name="tags-fill" color="#5677fc"></u-icon>
				</u-col>
				<u-col span="5">
					<view class="item-left">账户</view>
				</u-col>
				<u-col span="6" textAlign="right">
					<view class="item-right snowy-bold snowy-ellipsis"> {{ userInfo.account }} </view>
				</u-col>
			</u-row>
		</view>
		<view class="item">
			<u-row>
				<u-col span="1">
					<u-icon size="18" name="tags-fill" color="#5677fc"></u-icon>
				</u-col>
				<u-col span="5">
					<view class="item-left">姓名</view>
				</u-col>
				<u-col span="6" textAlign="right">
					<view class="item-right snowy-bold snowy-ellipsis"> {{ userInfo.name }} </view>
				</u-col>
			</u-row>
		</view>
		<view class="item">
			<u-row>
				<u-col span="1">
					<u-icon size="18" name="tags-fill" color="#5677fc"></u-icon>
				</u-col>
				<u-col span="5">
					<view class="item-left">手机</view>
				</u-col>
				<u-col span="6" textAlign="right">
					<view class="item-right snowy-bold snowy-ellipsis"> {{ userInfo.phone||"" }} </view>
				</u-col>
			</u-row>
		</view>
		<view class="item">
			<u-row>
				<u-col span="1">
					<u-icon size="18" name="tags-fill" color="#5677fc"></u-icon>
				</u-col>
				<u-col span="5">
					<view class="item-left">昵称</view>
				</u-col>
				<u-col span="6" textAlign="right">
					<view class="item-right snowy-bold snowy-ellipsis"> {{ userInfo.nickname||"" }} </view>
				</u-col>
			</u-row>
		</view>
		<view class="item">
			<u-row>
				<u-col span="1">
					<u-icon size="18" name="tags-fill" color="#5677fc"></u-icon>
				</u-col>
				<u-col span="5">
					<view class="item-left">性别</view>
				</u-col>
				<u-col span="6" textAlign="right">
					<view class="item-right snowy-bold snowy-ellipsis"> {{ userInfo.gender||"" }} </view>
				</u-col>
			</u-row>
		</view>
		<view class="item">
			<u-row>
				<u-col span="1">
					<u-icon size="18" name="tags-fill" color="#5677fc"></u-icon>
				</u-col>
				<u-col span="5">
					<view class="item-left">生日</view>
				</u-col>
				<u-col span="6" textAlign="right">
					<view class="item-right snowy-bold snowy-ellipsis"> {{ userInfo.birthday||"" }} </view>
				</u-col>
			</u-row>
		</view>
		<view class="item">
			<u-row>
				<u-col span="1">
					<u-icon size="18" name="tags-fill" color="#5677fc"></u-icon>
				</u-col>
				<u-col span="5">
					<view class="item-left">邮箱</view>
				</u-col>
				<u-col span="6" textAlign="right">
					<view class="item-right snowy-bold snowy-ellipsis"> {{ userInfo.email||"" }} </view>
				</u-col>
			</u-row>
		</view>
	</view>

</template>
<script setup>
	import {
		mapState,
		mapMutations,
		mapActions
	} from 'vuex';
	let that = null
	export default{
		data() {
			return {
				
			}
		},
		onLoad() {
			that = this
		},
		onShow() {
			
		},
		computed: {
			...mapState({
				sysBaseConfig: state => state.global.sysBaseConfig,
				tenantInfo: state => state.global.tenantInfo,
				userInfo: state => state.global.userInfo,
			}),
		},
	}
</script>
<style>
	page{
		padding: 15rpx;
	}
</style>
<style lang="scss" scoped>
	.info-container {
		background-color: #ffffff;
		border-radius: 5upx;
	}

	.item {
		background: #ffffff;
		margin-top: 15rpx;
		padding: 25rpx;
		border-radius: 15rpx;

		.item-left {
			color: #999;
			font-size: 26rpx;
		}

		.item-right {
			font-size: 26rpx;
		}
	}
</style>